<template>
  <view class="check continer">
    <!-- <view
      class="item"
      @click="gotoDetail(CHECK_TYPE_ENUM.MEITUAN_FLOWER_ACCOUNT)"
    >
      <image
        class="item-icon"
        src="../../static/check/flower-account.png"
        alt=""
      />
      <text class="item-label">美团鲜花结算</text>
    </view>
    <view
      class="item"
      @click="gotoDetail(CHECK_TYPE_ENUM.MEITUAN_FLOWER_ORDER)"
    >
      <image
        class="item-icon"
        src="../../static/check/flower-order.png"
        alt=""
      />
      <text class="item-label">美团鲜花补单</text>
    </view>
    <view
      class="item"
      @click="gotoDetail(CHECK_TYPE_ENUM.DOUYIN_FLOWER_ACCOUNT)"
    >
      <image
        class="item-icon"
        src="../../static/check/flower-account.png"
        alt=""
      />
      <text class="item-label">抖音鲜花结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.DOUYIN_FLOWER_ORDER)">
      <image
        class="item-icon"
        src="../../static/check/flower-order.png"
        alt=""
      />
      <text class="item-label">抖音鲜花补单</text>
    </view> -->
    <view
      class="item"
      @click="gotoDetail(CHECK_TYPE_ENUM.MEITUAN_CAKE_ACCOUNT)"
    >
      <image
        class="item-icon"
        src="../../static/check/mt-logo.png"
        alt=""
      />
      <text class="item-label">美团蛋糕结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.MEITUAN_CAKE_ORDER)">
      <image class="item-icon" src="../../static/check/mt-logo.png" alt="" />
      <text class="item-label">美团蛋糕补单</text>
    </view>

    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.DOUYIN_CAKE_ACCOUNT)">
      <image
        class="item-icon"
        src="../../static/check/dy-logo.png"
        alt=""
      />
      <text class="item-label">抖音蛋糕结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.DOUYIN_CAKE_ORDER)">
      <image
        class="item-icon"
        src="../../static/check/dy-logo.png"
        alt=""
      />
      <text class="item-label">抖音蛋糕补单</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.KUAISHOU_CAKE_ACCOUNT)">
      <image
        class="item-icon"
        src="../../static/check/ks-logo.png"
        alt=""
      />
      <text class="item-label">快手蛋糕结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.KUAISHOU_CAKE_ORDER)">
      <image
        class="item-icon"
        src="../../static/check/ks-logo.png"
        alt=""
      />
      <text class="item-label">快手蛋糕补单</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.XIAOSHIDA_CAKE_ACCOUNT)">
      <image
        class="item-icon"
        src="../../static/check/xsd-logo.png"
        alt=""
      />
      <text class="item-label">小时达蛋糕结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.XIAOSHIDA_CAKE_ORDER)">
      <image
        class="item-icon"
        src="../../static/check/xsd-logo.png"
        alt=""
      />
      <text class="item-label">小时达蛋糕补单</text>
    </view>
    <!-- <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.DOUYIN_AIRBALL_ACCOUNT)">
      <image class="item-icon" src="../../static/check/airball.png" alt="" />
      <text class="item-label">抖音气球结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.DOUYIN_CAKE_ACCOUNT)">
      <image class="item-icon" src="../../static/check/cake-account.png" alt="" />
      <text class="item-label">抖音蛋糕结算</text>
    </view>
    <view class="item" @click="gotoDetail(CHECK_TYPE_ENUM.ELE_FLOWER_ORDER)">
      <image class="item-icon" src="../../static/check/flower-order.png" alt="" />
      <text class="item-label">饿了么鲜花补单</text>
    </view> -->
  </view>
</template>

<script lang="ts" setup>
import { CHECK_TYPE_ENUM } from "../../enum/check";

const gotoDetail = (type: CHECK_TYPE_ENUM) => {
  uni.navigateTo({ url: `/pages/check/check-days-list?type=${type}` });
};
</script>

<style lang="scss" scoped>
.check {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
  row-gap: 15px;
}

.item {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-icon {
  width: 40px;
  height: 40px;
}

.item-label {
  width: 100px;
  margin-left: 6px;
}
</style>
